<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Page Peel</title>

	<link rel="stylesheet" type="text/css" href="Page_Peel/pagepeel.packed.css" />
	    
    <script src="Page_Peel/jquery.min.js" type="text/javascript"></script>

	<script type="text/javascript" src="Page_Peel/pagepeel-jquery.js"></script>

<style type="text/css"> 
        .xteam-pagepeel .corner {
        	display: block;
        	background-repeat: no-repeat;       	
        	background-image: url(Page_Peel/note-revealed.png);
        	background-position: top right;
        }
        
        .xteam-pagepeel .back {
			width: 75px;
			height: 75px;
		}
        .xteam-pagepeel .peel-content .close {
        	display: none;
        }
        
        .xteam-pagepeel.full .peel-content .close {
        	display: inherit;
        }    
</style>
</head>
<body>
<div id="pagepeel" class="xteam-pagepeel">
    <span class="peel">
        <map name="peelmap">
            <area shape="poly" coords="0,0,614,0,614,614,0,0" title="Go!" href="#" class="peel-hotzone" />
        </map>
        <img src="Page_Peel/page-peel.png" alt="" class="peel" />
        <span class="back corner"></span>
        <span class="back link">
            <img src="Page_Peel/trans.gif" alt="" class="map" usemap="#peelmap" />
            <span class="peel-content">
            	<span class="action">
						告诉你个<strong>小秘密!</strong>
				</span>
				<form>
						<button type="button" class="close">Close</button>
				</form>
                <!-- Your HTML Content Goes here -->
            </span>
        </span>
    </span>
</div>

	<script type="text/javascript">
		var peel = new Xteam.Ui.PagePeel('#pagepeel');		
	</script>
</body>
</html>